<template>
  <div id="app">
	  
    <router-view></router-view>
  </div>
</template>
<script>
export default {
  name: "app",
  data: function () {
    return {
      loading: true,
    };
  },
  created() {},
};
</script>

<style>
@import "./assets/css/main.css";
@import "./assets/css/color-dark.css"; /*深色主题*/
@font-face {
  font-family: "dabiaoti";
  src: url(./assets/dabiaoti.ttf);
}

.el-button+.el-button{
	margin-left:6px;
}
.search-top{
	display:flex;
	justify-content: space-between;
	align-items: center;
}

.search-top .el-form-item__label{
	color: #00041A;
	font-weight: bold;
}
.el-upload--text{
  background:none!important;
}
.el-form--label-top .el-form-item__label {
  padding: 0 !important;
}
.el-upload--text {
  height: auto !important;
}
.el-upload--text {
  border:none!important;
  height: 34px;
  width: 86px;
}
.el-menu-item i {
  color: #fff !important;
}
.el-submenu__title i {
  color: #fff !important;
}
.handle-box {
  padding: 16px 16px;
  background-color: #ecf8ff;
  border-radius: 4px;
  border-left: 5px solid #50bfff;
  margin: 20px 0;
}
#nprogress .bar {
  height: 3px !important;
  background: orange !important;
}
.BMap_cpyCtrl {
  display: none;
}
.anchorBL {
  display: none;
}
#nprogress .spinner-icon {
  border-top-color: orange !important;
  border-left-color: orange !important;
}
.success {
  color: #67c23a;
}
.warning {
  color: #e6a23c;
}
.danger {
  color: #f56c6c;
}
/* 中间主题部分的内容页的公共样式 */
.content-common {
  background-color: #fff;
  padding: 20px 10px;
  margin: 10px;
  box-shadow: 0px 2px 20px 0px #c5e1ff;
  border-radius: 8px;
}
.content-common .search-box {
  padding: 15px 15px;
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 15px;
  border-bottom: 2px solid #eee;
}

/* 表格的公共样式 */

.table-common .table-header {
  background: #3f8cff !important;
  color: #fff;
}
.table-common th,
.table-common td {
  border-right: 2px solid #ffffff !important ;
  border-bottom: 2px solid #ffffff !important;
  background-color: #ebf3ff;
  font-size: 14px;
}
.table-common .el-table__empty-text {
  width: 100% !important;
}
.table-common .table-td-thumb {
  display: block;
  margin: auto;
  width: 50px;
  height: 50px;
}
.table-common {
  width: 100%;
  font-size: 14px;
}
.table-common .el-link--inner {
  color: #4c65f5;
}

/* 检索的样式 */
.content-common .search-box .el-form-item__label {
  width: 100%;
  text-align: left;
  font-weight: 600;
}
.content-common .search-box {
  display: flex;
}
.content-common .search-box .el-form-item {
  width: 220px;
}
.content-common .btm-line {
  border-bottom: 2px solid #eee;
  padding-bottom: 15px;
  height: 40px;
  margin-bottom: 15px;
  text-align: right;
}
.content-common .search-box .search-btn {
  margin-top: 30px;
  width: auto !important;
}
.content-common .search-btn button {
  background-color: #fff;
  border: 1px solid #3f8cff;
  color: #3f8cff;
}
.content-common .search-box .option-btn {
  float: right;
  margin-top: 30px;
  min-width: 60px;
  text-align: right;
  flex: 1;
}
.content-common .option-btn button {
  background-color: #3f8cff;
  border: 1px solid #3f8cff;
  color: #fff;
}
/* 弹框的颜色 */
/*****/
.el-dialog__header {
  margin: 0!important;
  background: linear-gradient(to right, #178cff, #4c65f5);
  padding: 10px 20px !important;
  position: relative;
}
.el-dialog__header .el-dialog__title {
  color: #fff !important;
  font-size: 18px;
}
.el-dialog__headerbtn {
  top: 50%;
  right: 30px;
  transform: translate(-10%, -20%);
}
.el-dialog__close {
  color: #fff !important;
  font-size: 18px;
}
.siderbar-icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-top: -3px;
}
.is-disabled {
  color: #c0c4cc !important;
}
</style>
